<template>
	<view class="aboutUs-page">
		<head-box></head-box>

		<view class="aboutUs-page-main">
			<view class="aboutUs-page-main-top">
				<view class="_top-logo-big"><image class="_logo-img" src="/static/img/logob.png" mode=""></image></view>
				<view class="_top-version"><text>当前版本2.0.0</text></view>
			</view>
			<view class="aboutUs-text">
				<text>“群团集市”是杭州市总工会、共青团、妇联、文联、科协、侨联、贸促会、残联、工商联、社科联、关工委、红十字会、法学会、友协、计生协等15家群团共同建立的面向社会的一站式服务平台，坚持“党政所需、群众所盼、群团所长”的理念，让群众更便捷地享受群团改革红利。群团就在您的身边！</text>
			</view>
			<view class="aboutUs-page-main-middle" style="display: none;">
				<view class="_main-item">
					<view class="_main-item-chunk _main-item-label"><text>咨询热线</text></view>
					<view class="_main-item-chunk _main-item-val">
						<text>00000000</text>
						<image class="drop-dowm-img" src="/static/img/drop-down.png" mode=""></image>
					</view>
				</view>
				<view class="_main-item _main-item-last">
					<view class="_main-item-chunk _main-item-label"><text>微信公众号</text></view>
					<view class="_main-item-chunk _main-item-val">
						<text>杭州智慧群团</text>
						<image class="drop-dowm-img" src="/static/img/drop-down.png" mode=""></image>
					</view>
				</view>
			</view>
		</view>

		<view class="footer-content">
			<view class="_content-link" style="display: none;"><text class="_link-text">服务条款</text>丨<text class="_link-text">隐私政策</text></view>
			<view class="_content-text"><text>杭州市各群团 Copyright@{{$moment().format('YYYY')}}</text></view>
			<view class="_content-text"><text>杭州红动网络科技有限公司 Copyright@{{$moment().format('YYYY')}}</text></view>
		</view>
		<tabs-box></tabs-box>
	</view>
</template>

<script>
	export default {
		data() {
			return {
			};
		},
		onLoad() {
		},
    onShow(){
      // #ifdef H5
      console.log('分享')
      this.$wxSetShare()
      // #endif
    },
		methods:{
		}
	}
</script>

<style lang="scss">
	.aboutUs-text{
		margin-top: 100rpx;
		line-height: 60rpx;
		text-indent: 2em;
		padding: 30rpx;
	}
	.aboutUs-page{
		width: 100%;
		box-sizing: border-box;
		.top-fixed{
			position: fixed;
			top: 0;
			z-index: 1;
		}
		.top{
			width: 100%;
			height:100rpx;
			padding:0 30rpx;
			// background-color: #007AFF;
			background-color: #f7f7f7;
			box-shadow: 0 1px 6rpx #ccc;
			display:flex;
			justify-content:space-between;
			align-items: center;
			box-sizing: border-box;
			.top-text{
				color:#000;
				font-size:34rpx;
			}
		}
		.top-box{
			width: 100%;
			height: 100%;
			position: relative;
			text-align: center;
			line-height: 100rpx;
			.back-img{
				width:44rpx;
				height:40rpx;
				position: absolute;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				margin:auto;
				margin-left: 0rpx;
			}
		}
		.aboutUs-page-main{
			width: 100%;
			box-sizing: border-box;
			padding: 0 20rpx;
			.aboutUs-page-main-top{
				width: 100%;
				._top-logo-big{
					width: 25vw;
					height: 25vw;
					margin: 60rpx auto 0;
					._logo-img{
						width: 100%;
						height: 100%;
					}
				}
				._top-version{
					width: 100%;
					text-align: center;
					font-size: 28rpx;
					color: #888;
					margin-top: 10rpx;
				}
			}
			.aboutUs-page-main-middle{
				width: 100%;
				border-top: 1px solid rgba(200,199,204,0.5);
				border-bottom: 1px solid rgba(200,199,204,0.5);
				margin-top: 160rpx;
				padding: 0 30rpx;
				box-sizing: border-box;
				._main-item{
					// height: 86rpx;
					border-bottom: 1px solid rgba(200,199,204,0.5);
					display: flex;
					flex-wrap: nowrap;
					justify-content: space-between;
					align-items: center;
					._main-item-chunk{
						font-size: 34rpx;
						color: #000;
						line-height: 84rpx;
					}
					._main-item-label{
						width: 30%;
					}
					._main-item-val{
						width: 70%;
						display: flex;
						flex-wrap: nowrap;
						justify-content: flex-end;
						align-items: center;
						.drop-dowm-img{
							width: 30rpx;
							height: 30rpx;
							margin-left: 10rpx;
							transform: rotateZ(270deg);
						}
					}
				}
				._main-item-last{
					border-bottom: none;
				}
			}
		}
		.footer-content{
			width: 100%;
			text-align: center;
			font-size: 28rpx;
			line-height: 40rpx;
			position: absolute;
			bottom: 160rpx;
			color: #888;
			._content-link{
				._link-text{
					color: #007aff;
				}
			}
		}
	}
</style>
